@charset "UTF-8";

/*
 * blueimp Gallery Video Factory CSS 1.3.0
 * https://github.com/blueimp/Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

.blueimp-gallery>.slides>.slide>.video-content>img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    /* Prevent artifacts in Mozilla Firefox: */
    -moz-backface-visibility: hidden;
}

.blueimp-gallery>.slides>.slide>.video-content>video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blueimp-gallery>.slides>.slide>.video-content>iframe {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.blueimp-gallery>.slides>.slide>.video-playing>iframe {
    top: 0;
}

.blueimp-gallery>.slides>.slide>.video-content>a {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: -64px auto 0;
    width: 128px;
    height: 128px;
    background: url(/static/img/video-play.png) center no-repeat;
    opacity: 0.8;
    cursor: pointer;
}

.blueimp-gallery>.slides>.slide>.video-content>a:hover {
    opacity: 1;
}

.blueimp-gallery>.slides>.slide>.video-playing>a,
.blueimp-gallery>.slides>.slide>.video-playing>img {
    display: none;
}

.blueimp-gallery>.slides>.slide>.video-content>video {
    display: none;
}

.blueimp-gallery>.slides>.slide>.video-playing>video {
    display: block;
}

.blueimp-gallery>.slides>.slide>.video-loading>a {
    background: url(/static/img/loading.gif) center no-repeat;
    background-size: 64px 64px;
}


/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */

body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a {
    background-image: url(/static/img/video-play.svg);
}


/* IE7 fixes */

*+html .blueimp-gallery>.slides>.slide>.video-content {
    height: 100%;
}

*+html .blueimp-gallery>.slides>.slide>.video-content>a {
    left: 50%;
    margin-left: -64px;
}